<template>
    <div class="fee-wrapper">
      <v-header page="fee"></v-header>
      <div class="main-wrapper">
        <div class="fee-title">收费标准</div>
        <div class="server-wrapper">
          <p class="server-title border-1px-bottom">个性化定制风水服务</p>
          <div class="server-header">
            <p>1.以上面积计算以轮廓线为标准计算；</p>
            <p>2.房屋选址到布局策划，选址费按上诉的收费标准另增30%；</p>
            <p>3.凡是排屋别墅类需要室外布局，另加30%；</p>
            <p>4.落地式企业用方里应外合，另加20%；</p>
          </div>
          <div class="server-detail">
            <div class="server-item">
              <div class="server-item-left inline border-1px-bottom">
                <p class="tc single-row">理气交媾</p>
              </div>
              <div class="server-item-right inline border-1px-bottom">
                <p class="tc double-row">居住房：200元/m²</p>
                <p class="tc">企业用房：300元/m²</p>
              </div>
            </div>
            <div class="server-item">
              <div class="server-item-left inline border-1px-bottom">
                <p class="tc double-row">五鬼运财局；文昌局；天医局；催丁局；</p>
                <p class="tc">催贵局；催姻缘局、桃花局，择其一。</p>
              </div>
              <div class="server-item-right inline border-1px-bottom">
                <p class="tc double-row">居住房：400元/m²</p>
                <p class="tc">企业用房：500元/m²</p>
              </div>
            </div>
            <div class="server-item">
              <div class="server-item-left inline border-1px-bottom">
                <p class="tc single-row">具备一定条件（座山朝向）的房屋催富催官。</p>
              </div>
              <div class="server-item-right inline border-1px-bottom">
                <p class="tc double-row">居住房：400元/m²</p>
                <p class="tc">企业用房：500元/m²</p>
              </div>
            </div>
            <div class="server-item">
              <div class="server-item-left inline border-1px-bottom">
                <p class="tc single-row">金龙转车（此格局需房屋条件具备）</p>
              </div>
              <div class="server-item-right inline border-1px-bottom">
                <p class="tc double-row">居住房：600元/m²</p>
                <p class="tc">企业用房：700元/m²</p>
              </div>
            </div>
            <div class="server-item">
              <div class="server-item-left inline border-1px-bottom">
                <p class="tc double-row">黄泉斗八煞、越斗越发</p>
                <p class="tc">（此格局需房屋条件具备）</p>
              </div>
              <div class="server-item-right inline border-1px-bottom">
                <p class="tc double-row">居住房：700元/m²</p>
                <p class="tc">企业用房：800元/m²</p>
              </div>
            </div>
            <div class="server-item">
              <div class="server-item-left inline border-1px-bottom">
                <p class="tc double-row">七星打劫（最高级别布局，为行业领军人物</p>
                <p class="tc">之特殊格局，能否实行，要看福报与机缘）</p>
              </div>
              <div class="server-item-right inline border-1px-bottom">
                <p class="tc single-row">另行商议</p>
              </div>
            </div>
          </div>
        </div>

        <div class="server-wrapper">
          <p class="server-title border-1px-bottom">姓名服务</p>
          <div class="server-header">
            <p>1.解名服务1个工作日内完成；</p>
            <p>2.取名改名服务3个工作日内完成，提供三个可选姓名及对应的分析；</p>
          </div>
          <div class="server-detail">
            <div class="server-item">
              <div class="server-item-left inline border-1px-bottom">
                <h3 class="tc">以名解名</h3>
                <p class="tc gray">提交姓名、性别、出生年月日，分析一生运程</p>
              </div>
              <div class="server-item-right inline border-1px-bottom">
                <p class="tc single-row">800元/每人次</p>
              </div>
            </div>
            <div class="server-item">
              <div class="server-item-left inline border-1px-bottom">
                <h3 class="tc">新生儿取名</h3>
                <p class="tc gray">提交姓氏、性别、出生年月日，及父母要求</p>
              </div>
              <div class="server-item-right inline border-1px-bottom">
                <p class="tc single-row">6万元/每人次</p>
              </div>
            </div>
            <div class="server-item">
              <div class="server-item-left inline border-1px-bottom">
                <h3 class="tc">改名取名</h3>
                <p class="tc gray">提交原名、性别、出生年月日</p>
              </div>
              <div class="server-item-right inline border-1px-bottom">
                <p class="tc double-row">6万元/每人次，</p>
                <p class="tc">赠新名开运章一枚</p>
              </div>
            </div>
            <div class="server-item">
              <div class="server-item-left inline border-1px-bottom">
                <h3 class="tc">企业取名</h3>
                <p class="tc gray">需求联系客服详议</p>
              </div>
              <div class="server-item-right inline border-1px-bottom">
                <p class="tc single-row">15万元/每企业</p>
              </div>
            </div>
          </div>
        </div>

        <div class="server-wrapper">
          <p class="server-title border-1px-bottom">择吉日及其他服务</p>
          <div class="server-detail">
            <div class="server-item">
              <div class="server-item-left inline border-1px-bottom">
                <p class="tc single-row">动工、开业、搬迁、入宅、婚嫁等</p>
              </div>
              <div class="server-item-right inline border-1px-bottom">
                <p class="tc single-row">1000元/每次</p>
              </div>
            </div>
            <div class="server-item">
              <div class="server-item-left inline border-1px-bottom">
                <p class="tc single-row">流年分析</p>
              </div>
              <div class="server-item-right inline border-1px-bottom">
                <p class="tc single-row">2000元/每次</p>
              </div>
            </div>
            <div class="server-item">
              <div class="server-item-left inline border-1px-bottom">
                <p class="tc single-row">本命年解决方案</p>
              </div>
              <div class="server-item-right inline border-1px-bottom">
                <p class="tc single-row">5000元</p>
              </div>
            </div>
          </div>
        </div>

      </div>
      <v-footer></v-footer>
    </div>
</template>

<script>
  import Header from '@/components/header/Header'
  import Footer from '@/components/footer/Footer'

  export default {
    name: "Layout",
    data() {
      return {}
    },
    components:{
      "v-header":Header,
      "v-footer":Footer
    },
    methods: {}
  }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  @import "../../common/stylu/index.styl"

  .fee-wrapper
    .main-wrapper
      padding 20px 0
      background #ebebeb
      .fee-title
        width 120px
        padding-left 40px
        height 30px
        line-height 30px
        margin 0 auto
        font-size 28px
        color #ee0202
        background url("./fee-title.png") no-repeat center left
        background-size 30px 30px
        margin-bottom 20px
      .server-wrapper
        background #ffffff
        padding 0 30px 20px 30px
        margin-bottom 20px
        &:last-child
          margin-bottom 0
        .server-title
          height 56px
          line-height 56px
          font-size 24px
          margin-bottom 13px
          border-1px-bottom(#dcdcdc)
        .server-header
          padding 10px 18px
          background #cdb999
          p
            color #ffffff
            font-size 20px
            margin-bottom 7px
            &:last-child
              margin-bottom 0
        .server-detail
          .server-item
            font-size 0
            &:last-child
              .server-item-left
                &:after
                  border none
              .server-item-right
                &:after
                  border none
            .server-item-left
              width 460px
              height 99px
              font-size 20px
              background #fafafa
              //border-bottom 1px solid #dcdcdc
              border-1px-bottom(#dcdcdc)
              p
                width 511.11px
                transform scale(0.9)
                transform-origin left center
              .single-row
                height 100%
                line-height 100px
              .double-row
                margin 18px 0 5px 0
              h3
                font-size 27px
                margin 12px 0 3px 0
              .gray
                color #444444
            .server-item-right
              width 230px
              height 99px
              font-size 20px
              color #ee0202
              background #f3e9d9
              border-1px-bottom(#ffffff)
              p
                width 250px
                transform scale(0.9)
                transform-origin left center
              .double-row
                margin-top 20px
              .single-row
                height 100%
                line-height 100px
</style>
